<!--
 * @author: sanbao
 * @Date: 2022-07-23 12:49:12
-->
<style lang='scss' scoped>
</style>

<template>
  <div class="my_loanding">
    <el-dialog
      v-model="loadingdata.dialogFormVisible"
      :title="loadingdata.title"
      :width="loadingdata.formwidth"
    >
      <!-- Form -->
      <el-form :rules="loadingdata.rules"> 员工管理表 </el-form>
      <!-- 按钮 -->
      <template #footer>
        <span class="dialog-footer">
          <el-button
            v-for="(v, i) in loadingdata.formbutton"
            :key="i"
            :type="v.type"
            @click="handelloandbutton(v.action)"
          >
            {{ v.name }}
          </el-button>
        </span>
      </template>
    </el-dialog>
  </div>
</template>

<script lang='ts'>
import { defineComponent, ref, reactive, toRefs, computed } from "vue";
export default defineComponent({
  props: {
    loadingdata: {
      type: Object,
      default: () => {},
    },
  },
  components: {},
  setup(props, { emit }) {
    const handelloandbutton = (action: any) => {
      emit("handelloandbutton", action);
    };
    return {
      handelloandbutton,
    };
  },
});
</script>
